/**
 * 条件渲染
 * 1. v-if
 * - v-if=表达式
 * - v-else-if=表达式
 * - v-else
 * - 适用于:切换频率较低的场景
 * - 特点: 不展示的DOM元素直接被移除.
 * - 注意: v-if可以和v-else-if,v-else一起使用,但要求结构不能被打断
 * 2. v-show
 * -写法 v-show=表达式
 * - 适用于:切换频率比较高的场景.
 * - 特点:不展示的DOM元素未被移除,仅仅是使用样式隐藏掉
 * - 备注: 使用v-if时,元素可能无法获取到,而是用v-show 元素一定能获取到
 */
// 阻止Vue在启动时生成生产提示
Vue.config.productionTip = false;
new Vue({
	el: "#root",// 用于指定当前Vue实例在为哪个容器服务,通常为css选择器 也可以写为 document.getElementById("root")
	data: {// data用于存储数据,数据供el指定的容器使用,
		name: "yushi5344",
		show: true
	},
});
